<template>
	<div class="page-betting">
		<van-nav-bar :border="false" :placeholder="true" :fixed="true" title="Trung tâm trợ giúp" left-arrow
			@click-left="onClickLeft"></van-nav-bar>
		<!-- Xổ số -->
		<van-tabs v-if="curA == 0" v-model="active" background="#293356" color="#e9cfa4" title-active-color="#e9cfa4" title-inactive-color="#90a2dc">
			<van-tab title="Toàn bộ" >
				<div  class="bet-record-list">
					<div class="bet-record-selector-wp">
						<div class="day-selector-wp" @click="dayshow = true"> 7 ngày gần đây <span class="iconfont icon-icon_drop_down_solid"></span></div>
						<div class="lottery-selector-wp" @click="wpshow = true"> Toàn bộ <span  class="iconfont icon-icon_drop_down_solid"></span></div>
					</div>
					<div  class="list-wp safari_only">
						<div class="wrapper-content-list">
							<div class="pulldowning-tip" style="display: none;">
								<div >Xoá bộ nhớ đệm để tải lại trang</div>
							</div>
							<div class="list-item">
								<div class="logo"><img src="../../assets/images/men-bac.png" alt=""></div>
								<div class="summary-wp">
									<div class="info-wp">
										<div class="lottery-name"> Lô Xiên Xiên 4
											<span class="odds">@222</span></div>
										<div class="select-num">02,03,04,09</div>
										<div class="time">2021-11-11 15:15:52
										</div>
									</div>
									<div class="rightBox">
										<div class="bet-amount-wp"> Đặt cược 1,000
										</div>
										<div class="win-loss"><span
												>Chưa thanh toán</span></div>
										<div class="cancel"> Huỷ đơn </div>
									</div>
								</div>
							</div>
							<div class="pulluping-tip" style="display: none;">
								<div >Không có thêm dữ liệu để tải</div>
							</div>
						</div>
					</div>
					
				</div>
			</van-tab>
			<van-tab title="Đang xử lí">
				<div  class="bet-record-list">
					<div class="bet-record-selector-wp">
						<div class="day-selector-wp" @click="dayshow = true"> 7 ngày gần đây <span class="iconfont icon-icon_drop_down_solid"></span></div>
						<div class="lottery-selector-wp" @click="wpshow = true"> Toàn bộ <span  class="iconfont icon-icon_drop_down_solid"></span></div>
					</div>
					<div  class="list-wp safari_only">
						<div class="wrapper-content-list">
							<div class="pulldowning-tip" style="display: none;">
								<div >Xoá bộ nhớ đệm để tải lại trang</div>
							</div>
							<div class="list-item">
								<div class="logo"><img src="../../assets/images/sports_bbinsports_home.png" alt=""></div>
								<div class="summary-wp">
									<div class="info-wp">
										<div class="lottery-name"> Lô Xiên Xiên 4
											<span class="odds">@222</span></div>
										<div class="select-num">02,03,04,09</div>
										<div class="time">2021-11-11 15:15:52
										</div>
									</div>
									<div class="rightBox">
										<div class="bet-amount-wp"> Đặt cược 1,000
										</div>
										<div class="win-loss"><span
												>Chưa thanh toán</span></div>
										<div class="cancel"> Huỷ đơn </div>
									</div>
								</div>
							</div>
							<div class="pulluping-tip" style="display: none;">
								<div >Không có thêm dữ liệu để tải</div>
							</div>
						</div>
					</div>
				</div>
			</van-tab>
			<van-tab title="Hoàn tất">
				<div  class="bet-record-list">
					<div class="bet-record-selector-wp">
						<div class="day-selector-wp" @click="dayshow = true"> 7 ngày gần đây <span class="iconfont icon-icon_drop_down_solid"></span></div>
						<div class="lottery-selector-wp" @click="wpshow = true"> Toàn bộ <span  class="iconfont icon-icon_drop_down_solid"></span></div>
					</div>
					<div  class="list-wp safari_only">
						<div class="wrapper-content-list">
							<div class="pulldowning-tip" style="display: none;">
								<div >Xoá bộ nhớ đệm để tải lại trang</div>
							</div>
							<div class="list-item">
								<div class="logo"><img src="../../assets/images/men-bac.png" alt=""></div>
								<div class="summary-wp">
									<div class="info-wp">
										<div class="lottery-name"> Lô Xiên Xiên 4
											<span class="odds">@222</span></div>
										<div class="select-num">02,03,04,09</div>
										<div class="time">2021-11-11 15:15:52
										</div>
									</div>
									<div class="rightBox">
										<div class="bet-amount-wp"> Đặt cược 1,000
										</div>
										<div class="win-loss"><span
												>Chưa thanh toán</span></div>
										<div class="cancel"> Huỷ đơn </div>
									</div>
								</div>
							</div>
							<div class="pulluping-tip" style="display: none;">
								<div >Không có thêm dữ liệu để tải</div>
							</div>
						</div>
					</div>
				</div>
			</van-tab>
			<van-tab title="Thất bại">
				<div  class="bet-record-list">
					<div class="bet-record-selector-wp">
						<div class="day-selector-wp" @click="dayshow = true"> 7 ngày gần đây <span class="iconfont icon-icon_drop_down_solid"></span></div>
						<div class="lottery-selector-wp" @click="wpshow = true"> Toàn bộ <span  class="iconfont icon-icon_drop_down_solid"></span></div>
					</div>
					<div  class="list-wp safari_only">
						<div class="wrapper-content-list">
							<div class="pulldowning-tip" style="display: none;">
								<div >Xoá bộ nhớ đệm để tải lại trang</div>
							</div>
							<div class="list-item">
								<div class="logo"><img src="../../assets/images/men-bac.png" alt=""></div>
								<div class="summary-wp">
									<div class="info-wp">
										<div class="lottery-name"> Lô Xiên Xiên 4
											<span class="odds">@222</span></div>
										<div class="select-num">02,03,04,09</div>
										<div class="time">2021-11-11 15:15:52
										</div>
									</div>
									<div class="rightBox">
										<div class="bet-amount-wp"> Đặt cược 1,000
										</div>
										<div class="win-loss"><span
												>Chưa thanh toán</span></div>
										<div class="cancel"> Huỷ đơn </div>
									</div>
								</div>
							</div>
							<div class="pulluping-tip" style="display: none;">
								<div >Không có thêm dữ liệu để tải</div>
							</div>
						</div>
					</div>
				</div>
			</van-tab>
		</van-tabs>
		<!-- 弹窗 -->
		<van-overlay :show="dayshow" >
			<div class="overlay-wrapper" >
				<div class="title"> Chọn thời gian <span @click="dayshow = false" class="overlay-xbtn iconfont icon-icon_close_white"></span></div>
				<div class="panel">
					<van-radio-group v-model="dayradio">
						<van-radio class="panel-item" name="1" checked-color="#e9cfa4">Hôm nay</van-radio>
						<van-radio class="panel-item" name="2" checked-color="#e9cfa4">Hôm qua</van-radio>
						<van-radio class="panel-item" name="3" checked-color="#e9cfa4">7 ngày gần đây</van-radio>
						<van-radio class="panel-item" name="4" checked-color="#e9cfa4">30 ngày gần đây</van-radio>
					</van-radio-group>
				</div>
			</div>
		</van-overlay>
		<van-overlay :show="wpshow" >
			<div class="overlay-wrapper" >
				<div class="title"> Chọn thời gian <span @click="wpshow = false" class="overlay-xbtn iconfont icon-icon_close_white"></span></div>
				<div class="panel">
					<van-radio-group v-model="wpradio">
						<van-radio class="panel-item" name="1" checked-color="#e9cfa4">Toàn bộ</van-radio>
						<van-radio class="panel-item" name="2" checked-color="#e9cfa4">Khánh Hoà</van-radio>
						<van-radio class="panel-item" name="3" checked-color="#e9cfa4">Gia Lai</van-radio>
						<van-radio class="panel-item" name="4" checked-color="#e9cfa4">Bình Định</van-radio>
						<van-radio class="panel-item" name="5" checked-color="#e9cfa4">Đắk Lắk</van-radio>
						<van-radio class="panel-item" name="6" checked-color="#e9cfa4">Đắk Nông</van-radio>
						<van-radio class="panel-item" name="7" checked-color="#e9cfa4">Miền Bắc</van-radio>
						<van-radio class="panel-item" name="8" checked-color="#e9cfa4">Hồ Chí Minh VIP</van-radio>
						<van-radio class="panel-item" name="9" checked-color="#e9cfa4">Hà Nội VIP</van-radio>
						<van-radio class="panel-item" name="10" checked-color="#e9cfa4">Mega 6/45 1 Phút</van-radio>
						<van-radio class="panel-item" name="11" checked-color="#e9cfa4">Miền Bắc VIP 5 phút</van-radio>
					</van-radio-group>
				</div>
			</div>
		</van-overlay>
		
	</div>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				active: 0,
				dayshow:false,
				wpshow:false,
				dayradio:'',
				wpradio:'',
				// tab
				curA: 0,
				tabsA: ['Xổ số', 'JDB', 'AE', 'BBIN', 'MG'],
			}
		},
		methods: {
			onTabA(e) {
				this.curA = e
			},
			onClickLeft() {
				this.$router.go(-1)
			}
		}
	}
</script>
<style>
</style>
